﻿@model List<LCTMoodle.Models.ViewModels.KhoaHocViewModel>
@{
    Layout = "~/Views/Shared/_Khung.cshtml";

    ViewBag.SiteMap = new string[] 
    {
        "Trang chủ", "/TrangChu",
        "Khóa học", "/KhoaHoc"
    };

    bool coTheThemKhoaHoc, coTheXoaKhoaHoc;
    
    LCTMoodle.Models.ViewModels.NguoiDungViewModel nguoiDung = Session["NguoiDung"] as LCTMoodle.Models.ViewModels.NguoiDungViewModel;
    
    if (nguoiDung != null)
    {
        coTheThemKhoaHoc = nguoiDung.loaiNguoidung == "QuanLy" || nguoiDung.loaiNguoidung == "GiangVien";
        coTheXoaKhoaHoc = nguoiDung.loaiNguoidung == "QuanLy";
    }
    else 
    {
        coTheThemKhoaHoc = false;
        coTheXoaKhoaHoc = false;
    }
}

<link href="~/Content/css/KhoaHoc/Index.css" type="text/css" rel="stylesheet" />


@section RightAside
{
    <section class="section">
        <article class="title">
            <i class="icon"></i>
            <h2 class="text">Chức năng</h2>
        </article>
        <ul class="box function-box">
            @if(coTheThemKhoaHoc)
            {
                <li>
                    <a href="/KhoaHoc/ThemKhoaHoc">
                        Thêm khóa học
                    </a>
                </li>
                <li>
                    <a href="/ChuDe/QuanLyChuDe">
                        Quản lý chủ đề
                    </a>
                </li>
            }
        </ul>
    </section>
}
@*
    Duyệt toàn bộ khóa học
    Các khóa học được sắp xếp theo chủ đề
    
    Duyệt từ trên xuống, lấy chủ đề của mỗi khóa học để hiển thị
    Khi chủ đề giống với chủ đề hiện tại thì tạo trong chính chủ đề đó
    Nếu chủ đề khác thì tạo chủ đề mới
*@
@for (int i = 0; i < Model.Count; )
{
    @*Lấy tên của chủ đề hiện tại và cho hiển thị*@
    string tenChuDe = Model[i].tenChuDe;
    <section class="section-index">
        <h2 class="title">
            @tenChuDe
        </h2>
        <article class="box course-box">
            @*Duyệt toàn bộ.
            Nếu tên chủ đề của khóa học giống tên chủ đề hiện tại thì tiếp tục xuất*@
            @for (; i < Model.Count && Model[i].tenChuDe == tenChuDe; i++)
            {                   
                    @*Lấy số bài mới*@
                    int soBaiMoi = 0;

                    if (Model[i].khoaHoc_ThanhVien != null)
                    {
                        soBaiMoi =
                            Model[i].khoaHoc_ThanhVien.soBaiMoiBaiGiang +
                            Model[i].khoaHoc_ThanhVien.soBaiMoiBaiTap +
                            Model[i].khoaHoc_ThanhVien.soBaiMoiDienDan +
                            Model[i].khoaHoc_ThanhVien.soBaiMoiTaiLieu;
                    }                    
                    <article class="course-item" data-value="@Model[i].ma">
                        <h3 class="course-name">
                            @if (soBaiMoi != 0)
                            {
                                <i>@soBaiMoi</i>
                            }
                            <a href="/Nhom/@Model[i].ma">
                                @Model[i].tenKhoaHoc
                            </a>
                        </h3>
                        <span class="teacher-name">
                            @Model[i].tenGiangVien
                        </span>
                        <section class="nut-chuc-nang">
                            <i class="pe-7s-config"></i>
                            <ul>
                                @if(coTheXoaKhoaHoc || (nguoiDung != null && nguoiDung.ma == Model[i].maGiangVien))
                                {
                                    <li>
                                        <a class="xoa-khoa-hoc" href="#">
                                            Xóa khóa học
                                        </a>
                                    </li>
                                }
                            </ul>
                        </section>
                    </article>      
            }      
        </article>
    </section>
}

<script src="~/Content/script/KhoaHoc/Index.js" type="text/javascript"></script>